<nav th:fragment="navbar" class="navbar navbar-expand-sm navbar-dark bg-dark">
	<a class="navbar-brand" th:href="@{/about}"> <img th:src="@{/customer/img/logo.png}">
	</a>
	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbars" aria-controls="navbars" aria-expanded="false" aria-label="Toggle navigation">
		<span class="navbar-toggler-icon"></span>
	</button>

	<div class="collapse navbar-collapse" id="navbars">
		<ul class="navbar-nav mr-auto">
			<li class="nav-item active"><a class="nav-link hvr-underline-from-center" th:href="@{/}"><i class="fa fa-home" aria-hidden="true"></i> 首页 <span class="sr-only">(current)</span></a></li>
			<li class="nav-item"><a class="nav-link hvr-underline-from-center" th:href="@{/portal/list/architec}"><i class="fa fa-cube" aria-hidden="true"></i> 架构探索</a></li>
			<li class="nav-item"><a class="nav-link hvr-underline-from-center" th:href="@{/portal/list/database}"><i class="fa fa-database" aria-hidden="true"></i> 数据库 </a></li>
			<li class="nav-item"><a class="nav-link hvr-underline-from-center" th:href="@{/portal/list/bigdata}"><i class="fa fa-cogs" aria-hidden="true"></i> 大数据 </a></li>
			<li class="nav-item dropdown"><a class="nav-link hvr-underline-from-center dropdown-toggle" href="https://www.wenjunwu.cn" id="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-language" aria-hidden="true"></i> 编程语言
			</a>
				<div class="dropdown-menu" aria-labelledby="dropdown">
					<a class="dropdown-item" th:href="@{/portal/list/java}"> <i class="fa fa-coffee" aria-hidden="true"></i> java 语言</a>
					<a class="dropdown-item" th:href="@{/portal/list/scala}"> <i class="fa fa-fire" aria-hidden="true"></i> scala 语言</a>
					<a class="dropdown-item" th:href="@{/portal/list/python}"><i class="fa fa-leaf" aria-hidden="true"></i> python 语言</a>
				</div>
			</li>
		</ul>

		<ul class="navbar-nav justify-content-end">
			<li class="nav-item" id="reg"><a class="nav-link hvr-underline-from-center" th:href="@{/portal/initReg}"><i class="fa fa-user" aria-hidden="true"></i> 注册</a></li>
			<li class="nav-item" id="log"><a class="nav-link hvr-underline-from-center" th:href="@{/initLogin}"><i class="fa fa-sign-in" aria-hidden="true"></i> 登录</a></li>
			<li class="nav-item" id="auth"><a class="nav-link" href="javascript:void(0)" sec:authorize="hasRole('USER')"> <i class="fa fa-user" aria-hidden="true"></i> 欢迎<span id="username" sec:authentication="name"></span>登录
			</a></li>
			<li class="nav-item" id="logout" sec:authorize="hasRole('USER')">
				<form th:action="@{/logout}" method="post" id="subform">
					<a class="nav-link" href="submitform" onclick="document.getElementById('subform').submit();return false"> <i class="fa fa-sign-out" aria-hidden="true"></i>退出
					</a>
				</form>
			</li>
		</ul>
	</div>
</nav>